<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>持家有道网上超市</title>
<meta name="keywords" content="持家有道网上超市">
<meta name="description" content="持家有道网上超市">
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" type="text/css" href="css/qingfeng.css">
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="js/basic.js"></script>

<script>
    $(function(){



		//返回顶部

		$("#gotop").bind("click", function(){
            var _this = $(this);
            $("body,html").animate({
                scrollTop: 0
            })
		});


		//图片切换
		$("#myslide .myslide-content").cycle({
			pager: '#pager_3101',
			activePagerClass: 'active',
			pagerAnchorBuilder: function(idx, slide){
					idx += 1;
					return '<li>'　+ idx + '</li>';
				}
			});



    });
</script>
<style type="text/css"><!--

    .zt{ width: 1190px; height: auto; margin: 0 auto}
    .top{ position: relative; height: 281px;}
    .top .top_left{width:960px; height:281px; float: left;position: relative;}
    .top .top_right{width:218px; height:281px;float: left; margin-left:8px }
    .top .top_right .top_right_div1{width: 100%; height: 292px; text-align: center; border: 1px solid red; margin-top:10px }
    .top .top_right .top_right_div1 .font{word-wrap:break-word;width:195px; margin: 0 auto}
    .font1{color:#535353;font-size: 18px;font-family: 微软雅黑; margin:5px auto;font-weight: bold;}
    .font2{text-align: left; font-family: 微软雅黑; color: #545454}
    .banner{width: 1190px; height: 100px; margin:10px auto;position: relative; }
    .banner .banner_centent{ position: absolute; bottom: 0; left: 50px;}
    .banner .banner_centent hr{ height:0; }
    .hr_{ position: absolute;bottom: 0; width: 1180px; border: 2px solid #E5E5E5; z-index: -99}
    .hr_1{ position: absolute;bottom: 0;border: 2px solid #0FB8FB; width: 340px;}
    .centent{width:1190px;float: left;}
    .centent .centent_con{width:380px;  height: 390px;  float: left; margin: 0px 6px; border: 1px solid #ccc;  margin-bottom: 20px;}
    .centent .centent_con .centent_pt{margin: 7px 7px; height: 250px; background:#ccc;}
    .centent .centent_con .centent_text{ margin: 10px 10px;}
    .top_right_juan{background: url(img/act/tc-juan.jpg) no-repeat center; width: 214px; height: 44px}
    .top_right_juan:hover{ background: url(img/act/tc-juan3.jpg) no-repeat center; width: 214px; height: 44px}
    /*#tab .imgs{position: absolute;display: none;}
    .show{ display: block; position: absolute;}*/
    .centent .centent_con:hover{border:1px solid red;}

	.actslide{width: 770px; height: 200px; overflow: visible; position: relative; float: left;}

	.gotoact:hover{
	background: url(img/act/icon-tc.png) no-repeat scroll 0px -52px transparent;
	}
	.gotoact {
		background: url(img/act/icon-tc.png) no-repeat scroll 0px 0px transparent;
		background-color:#ECC;
		height: 50px;
		width: 50px;
		cursor: pointer;
		bottom: 70px;
		position: fixed;
		right: 20px;
		display: inline;
	}
	.gotop2:hover{
	background: url(img/act/backtop.gif) no-repeat scroll 0px -52px transparent;
	}
	.gotop2 {
		background: url(img/act/backtop.gif) no-repeat scroll 0px 0px transparent;
		height: 50px;
		width: 50px;
		cursor: pointer;
		bottom: 20px;
		position: fixed;
		right: 20px;
		display: inline;
	}




--></style>

</head>

<body>

<% include partial/header %>

<!--content start--->
<div style="height:10px;"></div>
<div class="zt">
  <div class="top">
<div class="top_left">
            <div style="float:left"><img src="img/act/tc-icon.jpg" style=" border:0"></div>
            <div class="actslide">
                <div id="myslide" style="position: relative;">
                  <ol class="myslide-content">
                    <li class="myslide-panel" style="float: left;"> <a href="#"><img src="img/act/hjh770.png" width="770" height="200" /></a> </li>
                    <li class="myslide-panel" style="float: left;"> <a href="#"><img src="img/act/huangjihuan770X200.jpg" width="770" height="200" /></a> </li>
                    <li class="myslide-panel" style="float: left;"> <a href="#"><img src="img/act/ouye770X200.jpg" width="770" height="200" /></a> </li>
                    <li class="myslide-panel" style="float: left;"> <a href="#"><img src="img/act/tc-ad.jpg" width="770" height="200" /></a> </li>
                  </ol>
                  <ul class="switchable-triggerBox slide-trigger" id="pager_3101">
                  </ul>
                </div>
	  </div>

            <div style="  margin-top: 20px;"><img src="img/act/tc-liuc.jpg" style="width:100%; border:0; margin-top: 22px;"></div>
        </div>


<div class="top_right">
            <a href="#"><div class="top_right_juan" id="btn_mycoupon"></div></a>
            <div class="top_right_div1">
                <div class="font1">频道说明</div>
                <div class="font2 font" style="font-size:14px;">《同城帮惠》是特别为持家有道会员开辟的同城商家优惠集市，我们以资源互换的原则，为我们的会员争取到合作商家的独家优惠，所有优惠均可无偿获得，让会员在持家有道能享受到更多的增值服务和优惠！使用优惠请到店时把收藏的优惠券出示给商家，经商家确认有效后再进行消费。同城商家加盟联系：13556341578蓝生。</div>
            </div>
        </div>
    </div>

    <div class="banner">
        <div class="banner_centent"><img src="img/act/tc-icon1.jpg" style="float:left;margin-bottom: 5px;"><div style="color:#515151; font-size:30px; line-height: 50px; margin-left: 68px; font-family: 微软雅黑;">最新同城优惠</div>
          <hr>
        </div>
        <hr class="hr_1">
        <hr class="hr_">
    </div>


    <div class="centent">
           <a href="#">
        <div class="centent_con" id="centent_con">
                <div class="centent_pt"><img src="img/act/actlist.jpg" width="366px" height="250px"></div>
                <div class="centent_text">
                     <div class="font1">大禾寿司（万客隆）</div>
                    <div class="font2">
                        <img src="img/act/tc-icon2.jpg" style="float:right">
                        <div style="word-wrap:break-word;width:250px;font-size:14px;">风靡广深，传说般的存在，广州第一家回转寿司登陆汕头啦~凭此券，消费可享受多重优惠</div>
                    </div>
                </div>
            </div>
      </a>

            <a href="#">
           <div class="centent_con" id="centent_con">
                <div class="centent_pt"><img src="img/act/actlist.jpg" width="366px" height="250px"></div>
                <div class="centent_text">
                     <div class="font1">大禾寿司（万客隆）</div>
                    <div class="font2">
                        <img src="img/act/tc-icon2.jpg" style="float:right">
                        <div style="word-wrap:break-word;width:250px;font-size:14px;">风靡广深，传说般的存在，广州第一家回转寿司登陆汕头啦~凭此券，消费可享受多重优惠</div>
                    </div>
                </div>
            </div>
            </a>

            <a href="#">
           <div class="centent_con" id="centent_con">
                <div class="centent_pt"><img src="img/act/actlist.jpg" width="366px" height="250px"></div>
                <div class="centent_text">
                     <div class="font1">大禾寿司（万客隆）</div>
                    <div class="font2">
                        <img src="img/act/tc-icon2.jpg" style="float:right">
                        <div style="word-wrap:break-word;width:250px;font-size:14px;">风靡广深，传说般的存在，广州第一家回转寿司登陆汕头啦~凭此券，消费可享受多重优惠</div>
                    </div>
                </div>
            </div>
            </a>

            <a href="#">
           <div class="centent_con" id="centent_con">
                <div class="centent_pt"><img src="img/act/actlist.jpg" width="366px" height="250px"></div>
                <div class="centent_text">
                     <div class="font1">大禾寿司（万客隆）</div>
                    <div class="font2">
                        <img src="img/act/tc-icon2.jpg" style="float:right">
                        <div style="word-wrap:break-word;width:250px;font-size:14px;">风靡广深，传说般的存在，广州第一家回转寿司登陆汕头啦~凭此券，消费可享受多重优惠</div>
                    </div>
                </div>
            </div>
            </a>

            <a href="#">
           <div class="centent_con" id="centent_con">
                <div class="centent_pt"><img src="img/act/actlist.jpg" width="366px" height="250px"></div>
                <div class="centent_text">
                     <div class="font1">大禾寿司（万客隆）</div>
                    <div class="font2">
                        <img src="img/act/tc-icon2.jpg" style="float:right">
                        <div style="word-wrap:break-word;width:250px;font-size:14px;">风靡广深，传说般的存在，广州第一家回转寿司登陆汕头啦~凭此券，消费可享受多重优惠</div>
                    </div>
                </div>
            </div>
            </a>

            <a href="#">
           <div class="centent_con" id="centent_con">
                <div class="centent_pt"><img src="img/act/actlist.jpg" width="366px" height="250px"></div>
                <div class="centent_text">
                     <div class="font1">大禾寿司（万客隆）</div>
                    <div class="font2">
                        <img src="img/act/tc-icon2.jpg" style="float:right">
                        <div style="word-wrap:break-word;width:250px;font-size:14px;">风靡广深，传说般的存在，广州第一家回转寿司登陆汕头啦~凭此券，消费可享受多重优惠</div>
                    </div>
                </div>
            </div>
            </a>

            <a href="#">
           <div class="centent_con" id="centent_con">
                <div class="centent_pt"><img src="img/act/actlist.jpg" width="366px" height="250px"></div>
                <div class="centent_text">
                     <div class="font1">大禾寿司（万客隆）</div>
                    <div class="font2">
                        <img src="img/act/tc-icon2.jpg" style="float:right">
                        <div style="word-wrap:break-word;width:250px;font-size:14px;">风靡广深，传说般的存在，广州第一家回转寿司登陆汕头啦~凭此券，消费可享受多重优惠</div>
                    </div>
                </div>
            </div>
            </a>

            <a href="#">
           <div class="centent_con" id="centent_con">
                <div class="centent_pt"><img src="img/act/actlist.jpg" width="366px" height="250px"></div>
                <div class="centent_text">
                     <div class="font1">大禾寿司（万客隆）</div>
                    <div class="font2">
                        <img src="img/act/tc-icon2.jpg" style="float:right">
                        <div style="word-wrap:break-word;width:250px;font-size:14px;">风靡广深，传说般的存在，广州第一家回转寿司登陆汕头啦~凭此券，消费可享受多重优惠</div>
                    </div>
                </div>
            </div>
            </a>

            <a href="#">
           <div class="centent_con" id="centent_con">
                <div class="centent_pt"><img src="img/act/actlist.jpg" width="366px" height="250px"></div>
                <div class="centent_text">
                     <div class="font1">大禾寿司（万客隆）</div>
                    <div class="font2">
                        <img src="img/act/tc-icon2.jpg" style="float:right">
                        <div style="word-wrap:break-word;width:250px;font-size:14px;">风靡广深，传说般的存在，广州第一家回转寿司登陆汕头啦~凭此券，消费可享受多重优惠</div>
                    </div>
                </div>
            </div>
            </a>

            <a href="#">
           <div class="centent_con" id="centent_con">
                <div class="centent_pt"><img src="img/act/actlist.jpg" width="366px" height="250px"></div>
                <div class="centent_text">
                     <div class="font1">大禾寿司（万客隆）</div>
                    <div class="font2">
                        <img src="img/act/tc-icon2.jpg" style="float:right">
                        <div style="word-wrap:break-word;width:250px;font-size:14px;">风靡广深，传说般的存在，广州第一家回转寿司登陆汕头啦~凭此券，消费可享受多重优惠</div>
                    </div>
                </div>
            </div>
            </a>

            <a href="#">
           <div class="centent_con" id="centent_con">
                <div class="centent_pt"><img src="img/act/actlist.jpg" width="366px" height="250px"></div>
                <div class="centent_text">
                     <div class="font1">大禾寿司（万客隆）</div>
                    <div class="font2">
                        <img src="img/act/tc-icon2.jpg" style="float:right">
                        <div style="word-wrap:break-word;width:250px;font-size:14px;">风靡广深，传说般的存在，广州第一家回转寿司登陆汕头啦~凭此券，消费可享受多重优惠</div>
                    </div>
                </div>
            </div>
            </a>

            <a href="#">
           <div class="centent_con" id="centent_con">
                <div class="centent_pt"><img src="img/act/actlist.jpg" width="366px" height="250px"></div>
                <div class="centent_text">
                     <div class="font1">大禾寿司（万客隆）</div>
                    <div class="font2">
                        <img src="img/act/tc-icon2.jpg" style="float:right">
                        <div style="word-wrap:break-word;width:250px;font-size:14px;">风靡广深，传说般的存在，广州第一家回转寿司登陆汕头啦~凭此券，消费可享受多重优惠</div>
                    </div>
                </div>
            </div>
            </a>

    </div>

</div>
<div style="clear:both;"></div>
<!--content end-->

<% include partial/footer %>





<!---------浮动按钮------------->
<div><a class="gotoact" href="#"></a></div>
<div><a class="gotop2" href="#topbar"></a></div>





</body>
</html>
